
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta charset="utf-8" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <!-- <meta name="viewport" content="initial-scale=1.0, user-scalable=no">  -->
    <title>关于我们-加拿大牛津高中</title> 
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="Public/Home/css/swiper.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="Public/Home/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="Public/Home/css/style.css?v=2025-03-15_492920">
    <script src="Public/Home/js/jquery-1.11.1.min.js"></script>
    <script src="Public/Home/js/wow.min.js"></script>
    <script src="Public/Home/js/swiper.min.js"></script>
    <script src="Public/Home/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="Public/Home/js/basic.js"></script>
</head>
<body>
  	<div class="info-header">
        <div class="h-box">
            <div class="logo"><a href="/"><img src="Uploads/logo1.png"></a></div>
            <div class="close"></div>
            <div class="menu">
                <ul>
                    <li class="on">
                        <a href="/" class="menu-link">首页</a>
                    </li>
                    <li>
                        <a href="about.html" class="menu-link">关于我们</a>
                    </li>
                    <li>
                        <a href="programsc.html" class="menu-link">课程项目</a>
                        <div class="c-menu">
                            <a href="ossd.html" class="c-menu-link">OSSD 项目</a>
                            <a href="elite.html" class="c-menu-link">精英项目</a>
                            <a href="artsc.html" class="c-menu-link">艺术类项目</a>
                            <a href="ieltsc.html" class="c-menu-link">语言项目</a>
                            <a href="exchangec.html" class="c-menu-link">高中交换项目</a>
                        </div>
                    </li>
                    <li>
                        <a href="admissionsc.html" class="menu-link">入学申请</a>
                    </li>
                    <li>
                        <a href="services.html" class="menu-link">学生服务</a>
                    </li>
                    <li>
                        <a href="#" class="menu-link">语言中心</a>
                        <div class="c-menu">
                            <a href="ieltsc.html" class="c-menu-link">雅思备考项目</a>
                            <a href="eslc.html" class="c-menu-link">ESL 语言项目</a>
                        </div>
                    </li>
                    <li>
                        <a href="studentlifec.html" class="menu-link">学生生活</a>
                    </li>
                    <li>
                        <a href="contact.html" class="menu-link">联系我们</a>
                    </li>
                    <li>
                        <a href="https://www.internationalyouthprogram.com/" class="menu-link">营地项目</a>
                    </li>
                </ul>
                <div class="language">
                    <a href="javascript:;">中</a>&nbsp;<a href="javascript:;">/</a>&nbsp;
                    <a href="/en/index.html">En</a>
                </div>
            </div>
        </div>
    </div>
    <div class="header-search">
        <div class="h-box">
            <div class="logo"><a href="index.html"><img src="Uploads/logo1.png"></a></div>
            <div class="close"></div>
            <div class="language">
                <a href="javascript:;">中</a>&nbsp;<a href="javascript:;">/</a>&nbsp;
                <a href="/en/index.html">En</a>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            if ($('body').width() <= 990) {
                $('.info-header .h-box .close').on('click',function(){
                    if($(this).hasClass('on')){
                        $(this).removeClass('on');
                        $('.info-header .h-box .menu').hide();
                    } else{
                        $(this).addClass('on');
                        $('.info-header .h-box .menu').show();
                    }
                })
                $('.menu-link').on('click',function(){
                    if($(this).next().is(':hidden')){
                        $(this).next().slideDown();
                    }else{
                        $(this).next().slideUp();
                    }
                })
            };
        });
    </script>

    <div class="info-banner">
        <img src="Uploads/about/cbanner1.jpg">
        <div class="b-box">
            <div class="tbox">
                <div class="t1">-About</div>
                <div class="t2">关于我们</div>
                <div class="t3">帮助学生在进入大学前提升知识储备，增强自信，并找到自我个性！</div>
            </div>
            <div class="breadcrumbs"><a href="/">首页</a> > <a href="#">关于我们</a></div>
        </div>
    </div>

    <div class="about-box1">
        <div class="info-box">
            <div class="box1">
                <div class="t1">关于我们</div>
                <div class="t2">
                    加拿大牛津国际学院致力于成为海外高中教育的典范、<br />
                    通过融合卓越的学术课程与全面的素质培养，帮助每一位学生释放潜能，跨越从高中到大学的关键阶段！
                </div>
                <div class="t3">01</div>
            </div>
            <div class="box2 wow fadeInUp animated" data-wow-delay=".3s">
                <p>加拿大牛津学院 Oxford College of Canada (OCC) 始建于2004年，是一所在安大略省教育厅注册的私立高等中学及大学预科学校 (省教育厅批准文号：667315)。我校完全根据安省教育大纲要求设置相关高中课程，聘请的教师全部具有加拿大教师资格证书，并且在高中、大学预科和英语提高等课程方面拥有多年丰富教学经验。以培养学会生的自我主动学习能力为主要目标，为其将来进入大学简历良好的学习基础。我校每年向加拿大、美国等各个大学及专上学院输送大量合格优秀的毕业生，在北美享有良好的声誉。</p>
                <p>我校在教学方式上实行小班授课，语言班每班10-12人，大学预科班 (Pre-University) 每班20人左右。这种授课方式有助于教师更有针对性地对学生进行个别辅导，也可增加教师与学生之前的沟通时间，更可随时解决学生在学习当中遇到的各种疑问，以确保学校的教学质量，使每一位学生都可顺利踏入自己心目中的理想大学。</p>
                <p>我校采取一年五个学期制。于每年一月、四月、六月、九月和十一月开学，提供高一、高二、高三及大学预科课程班，学生在本校学习完毕、成绩合格后可直接升读加拿大各大学。成绩优异的学生可申请多所加拿大排名前二十位的著名大学。另外，我们还为国际学生开设英语语言培训班(ESL课程)，国际学生可以随时加入初至高级英语语言班学习英语语言课程。特别针对听、说、写三方面，以加强他们的沟通能力，协助他们顺利完成中学的课程。学生如在学习上有任何需要，可要求额外补习服务。</p>
                <p>学校致力于为全体在校学生提供全面、周到、专业、细致的各类服务，让学生在轻松、愉快的学习环境中成功升入加拿大各名牌大学。除教学部外，我校还设有专门的招生部、学生服务部及国际合作部。招生部负责国际学生的申请程序、时间、方式等方面的资讯；学生服务部负责向学生提供接机、住宿安排、组织社会活动、游览加拿大景观，办理签证延期、在当地开设银行账户及代办医疗保险等服务项目；国际合作部负责学院与加拿大境外相关机构的联络与相关事务的处理。</p>
            </div>
        </div>
    </div>
    <div class="about-box2">
        <img  id="video_img" src="Uploads/about/video.jpg" title="视频中心" alt="视频中心">
        <div class="info-box" id="video_img_title">
            <div class="t1">视频中心</div>
            <div class="t2">Video Center</div>
        </div>
        <div class="video-list">
            <div class="swiper-container">
                <div class="swiper-wrapper" id="j_video-list" style="display: none;">
                    <div class="swiper-slide">
                        <video class="c_myVideo" id="video_src1" poster="Uploads/about/video.jpg" controls loop preload="true">
                            <source src="http://st5wa6e5v.hn-bkt.clouddn.com/about.mp4" type="video/mp4">
                        </video>
                        <img id="list_video_img1" onclick="play_video(1,'http://st5wa6e5v.hn-bkt.clouddn.com/about.mp4','occ');" src="Uploads/about/video.jpg" title="occ" alt="occ">
                        <div class="info-box">
                            <div class="t1">occ</div>
                        </div>
                    </div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            var swiper = new Swiper('.swiper-container', {
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                speed:1000,
            });
        });
    </script>
    <div class="about-box3">
        <div class="info-box">
            <div class="tbox">
                <div class="t1">愿景使命</div>
                <div class="t2">
                    <span style="font-weight: bold;">我们的愿景：</span>加拿大牛津国际学院致力于成为海外高中教育的典范，通过融合卓越的学术课程与全面的素质培养，帮助每一位学生释放潜能，跨越从高中到大学的关键阶段。<br />
                    <span style="font-weight: bold;">我们的使命：</span>加拿大牛津高中以学生的全面发展为核心使命，提供严谨的学术课程与多元化的成长支持，帮助学生夯实知识基础，并树立独立思考与自主学习的品质。通过个性化辅导和丰富的学习体验，引导学生成为适应全球化挑战、心怀责任与梦想的未来栋梁。
                </div>
                <div class="t3">02</div>
            </div>
            <div class="lbox">
                <div class="img wow fadeInUp animated" data-wow-delay=".1s">
                    <img title="愿景使命" alt="愿景使命" src="Uploads/about/honor.jpg">
                </div>
                <div class="sbox wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="lilist">
                        <ul>
                        	<li class="on">
                                <span class="s1">01</span>
                                <span class="s2"></span>OCC一直保持着极高的大学录取率
                            </li>
                            <li class="">
                                <span class="s1">02</span><span class="s2"></span>我们为学生提供丰富的学术体验
                            </li>
                            <li class="">
                                <span class="s1">03</span><span class="s2"></span>我校坐落于多伦多市北约克区，0犯罪率，交通十分便利
                            </li>
                        </ul>
                    </div>
                    <div class="imglist">
                        <ul>
                        	<li class="on">
                                <img class="honor_img1" onclick="open_img(1)" src="Uploads/about/honor1.jpg" alt="" title="">
                            </li>
                            <li class="">
                                <img class="honor_img2" onclick="open_img(2)" src="Uploads/about/honor2.jpg" alt="" title="">
                            </li>
                            <li class="">
                                <img class="honor_img3" onclick="open_img(3)" src="Uploads/about/honor3.jpg" alt="" title="">
                            </li>
                        </ul>
                    </div>
                </div>
                <script>
                    $('.sbox .lilist li').on('mouseover',function(){
                        $(this).addClass('on').siblings().removeClass('on');
                        $('.sbox .imglist li').eq($(this).index()).addClass('on').siblings().removeClass('on');
                    })
                </script>
            </div>
        </div>
    </div>

    <div class="about-box4">
        <div class="info-box">
            <div class="tbox">
                <div class="t1">我们的校园</div>
                <div class="t2">
                    OCC牛津高中位于多伦多充满活力的北约克地区，为学生提供在加拿大最具多样性和文化丰富性的城市之一的深度体验。<br />
                    多伦多以热情友好的氛围和多元文化著称，为学生创造了独特的机会，使他们能够沉浸在来自世界各地的文化、语言和传统的交融之中！
                </div>
                <div class="t3">03</div>
            </div>
            <div class="list wow fadeInUp animated" data-wow-delay=".5s">
                <div class="box1">
                    <img onclick="open_img_list(13,'校园')" src="Uploads/about/about1.jpg">
                    <span>OCC校园</span>
                </div>
                <div class="box2">
                    <ul>
                        <li>
                            <img onclick="open_img_list(14,'校园2')" src="Uploads/about/about2.jpg">
                            <span>校园2</span>
                        </li>
                        <li>
                            <img onclick="open_img_list(16,'交流')" src="Uploads/about/about3.jpg">
                            <span>教师交流</span>
                        </li>
                        <li>
                            <img onclick="open_img_list(18,'校长')" src="Uploads/about/about4.jpg">
                            <span>OCC校长</span>
                        </li> 
                        <li>
                            <img onclick="open_img_list(20,'校长')" src="Uploads/about/about4.jpg">
                            <span>OCC校长</span>
                        </li>
                    </ul>
                </div>
            </div> 
        </div>
    </div>
    <div class="footer">
        <div class="foot1">
            <div class="f-box">
                <div class="box1">
                    <div class="t1">网站导航</div>
                    <div class="t2">
                        <a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a>
                        <a href="about.html">关于我们</a>
                        <a href="programsc.html">课程项目</a>
                        <a href="admissionsc.html">入学申请</a>
                        <a href="services.html">学生服务</a>
                        <a href="ieltsc.html">语言中心</a>
                        <a href="studentlifec.html">学生生活</a>
                        <a href="contact.html">联系我们</a>
                        <a href="https://www.internationalyouthprogram.com/">营地项目</a>
                    </div>
                </div>
                <div class="box2">
                    <div class="t1">联系我们</div>
                    <div class="t2">
                        <ul>
                            <li><img src="Public/Home/images/icon2-1.png"> www.hfkscm.com</li>
                            <li><img src="Public/Home/images/icon3-1.png"> 18126292478</li>
                            <li><img src="Public/Home/images/icon4-1.png"> admin@hfkscm.cn</li>
                            <li><img src="Public/Home/images/icon5-1.png"> 法定工作日 9：00-18：00</li>
                            <li><img src="Public/Home/images/icon6-1.png"> 深圳市福田中心区滨河大道9003号湖北大厦北座19层</li>
                        </ul>
                    </div>
                </div>
                <div class="box3">
                     <div class="tbox">
                        <img src="Uploads/index/weixin.jpg">
                        <span>扫码了解我们</span>
                    </div>
                    <div class="tbox">
                        <img src="Uploads/index/xinlang.jpg">
                        <span>关注OCC</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot2">
            <div class="f-box">
                <div class="copyright">Copyright ©2019 - 2025 加拿大牛津高中 <a href="http://beian.miit.gov.cn/" target="_blank">豫ICP备17113037号-1</a>  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2012-0005© 2019-2020 oxfordcollege.ca 版权所有"</div>
            </div>
        </div>
    </div>
 
<script src="Public/Common/layer.js"></script>
<script type="text/javascript">
    function open_img(key) {
        var img_url = $('.honor_img'+key).attr('src');
        layer.photos({
            photos: { "data": [{"src":img_url}] },
            // area: ['50%'],
            shift: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
        }); 
    }

    function open_img_list(tid,title) {
        var index = layer.load(2); //又换了种风格，并且设定最长等待10秒 
        $.ajax({
            type:'post',

            url:"/About/get_about_img.html",

            data:{'tid':tid},

            success:function(result){
                var img_data = result.map(function(value,index){
                    return {'src': '' +value};
                });
                // $.each(result).function();
                var img_json = {
                  "title": title, //相册标题
                  "id": tid, //相册id
                  "start": 0, //初始显示的图片序号，默认0
                  "data": img_data
                }

                layer.photos({
                    photos: img_json,
                    shift: 0 //anim:0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
                //关闭
                layer.close(index);
            }
        });
    }
</script>
<script type="text/javascript">
    $('#video_img').click(function() {
        $('#j_video-list').show();
        $(this).hide();
        $('#video_img_title').hide();
    });

    function play_video(k,url,title) {
        var web_type = check_web();
        if (web_type) {
            var myVideo=document.getElementById("video_src"+k);
            $('#list_video_img'+k).hide();
            myVideo.style.display = "block";
            myVideo.play();
        } else {
            var video_hight = $(window).height(); 
            var loadstr = '<video width="100%" controls loop autoplay><source src="'+url+'" type="video/mp4"></video>';

            layer.open({
              type:1,
              title: title,
              area: ['100%','50%'],
              shade: 0.3,
              closeBtn: 1,
              content: loadstr,
            });
        }
    }


    $('.swiper-button-next').click(function() {
       $('video').trigger('pause');
    });
    $('.swiper-button-prev').click(function() {
       $('video').trigger('pause');
    });


    //返回true表示为pc端打开，返回false表示为手机端打开
    function check_web() { 
        var userAgentInfo=navigator.userAgent; 
        var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"); 
        var flag=true; 
        for(var v=0;v<Agents.length;v++) { 
            if(userAgentInfo.indexOf(Agents[v])>0) { 
                flag=false; 
                break; 
            } 
        } 
        return flag; 
    }

</script>

</body>
</html>